<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title th:text="${projectName}"></title>
  <!-- Theme style -->
  <link rel="stylesheet" href="/static/adminlte/adminlte.light.css?v=20221008">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="/static/libs/fontawesome/css/all.min.css?v=20221008">
  <link rel="stylesheet" href="/static/libs/fontawesome/css/v4-shims.min.css?v=20221008">
  <!-- overlayScrollbars -->
  <link rel="stylesheet" href="/static/libs/overlayScrollbars/css/OverlayScrollbars.min.css">
</head>
<body class="hold-transition sidebar-mini layout-fixed layout-footer-fixed" data-panel-auto-height-mode="height">
<div class="wrapper">
  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="https://www.dwvan.com" class="nav-blank-link" target="_blank">启点学网校</a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="https://www.youtike.com" class="nav-blank-link" target="_blank">优题课</a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="https://www.qidianxue.cn" class="nav-blank-link" target="_blank">启点学</a>
      </li>
    </ul>

    <!-- Right navbar links -->
    <ul class="navbar-nav ml-auto">
      <!-- Messages Dropdown Menu
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-comments"></i>
          <span class="badge badge-danger navbar-badge">3</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <a href="#" class="dropdown-item">
            <div class="media">
              <img src="/static/adminlte/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Brad Diesel
                  <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">Call me whenever you can...</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <div class="media">
              <img src="/static/adminlte/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  John Pierce
                  <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">I got your message bro</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <div class="media">
              <img src="/static/adminlte/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Nora Silvester
                  <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">The subject goes here</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
        </div>
      </li> -->
      <!-- Notifications Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-user"></i>
          <span th:text="${manager.managerName}">勇者</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <span class="dropdown-item dropdown-header">15 Notifications</span>
          <div class="dropdown-divider"></div>
           <a href="javascript:void (0)" id="updataPwd" class="dropdown-item">
            <i class="fas fa-lock mr-2"></i> 修改密码
          </a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link text-danger" href="/logout" role="button">
          <i class="fa fa-sign-out"></i>
          退出
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-widget="fullscreen" href="#" role="button">
          <i class="fas fa-expand-arrows-alt"></i>
          全屏
        </a>
      </li>
      <!--
      <li class="nav-item">
        <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
          <i class="fas fa-th-large"></i>
        </a>
      </li>-->
    </ul>
  </nav>
  <!-- /.navbar -->
  <!-- Main Sidebar Container -->
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="https://www.dwvan.com" class="brand-link" target="_blank">
      <img src="/static/adminlte/img/logo-ico-white.png" alt="" class="brand-image img-circle elevation-3" style="opacity: .8">
      <span class="brand-text font-weight-light" th:text="${projectName}">启点学网校平台管理</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">
      <!-- SidebarSearch Form -->
      <!--div class="form-inline mt-1 d-flex">
        <div class="input-group" data-widget="sidebar-search">
          <input class="form-control form-control-sidebar" type="search" placeholder="菜单搜索..." aria-label="Search">
          <div class="input-group-append">
            <button class="btn btn-sidebar">
              <i class="fas fa-search fa-fw"></i>
            </button>
          </div>
        </div>
      </div-->
      <!-- Sidebar Menu -->
      <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar nav-child-indent flex-column" data-widget="treeview" role="menu" data-accordion="false">
          <!-- Add icons to the links using the .nav-icon class
               with font-awesome or any other icon font library -->
          <th:block th:each="root : ${menuList}">
          <li class="nav-header font-weight-bold text-md" th:text="${root.menuName}"></li>
          <li class="nav-item" th:each="menu : ${root.children}">
            <a th:href="${menu.url}" class="nav-link">
              <i class="nav-icon fas fa-tachometer-alt" th:class="${'nav-icon fas ' + (menu.icon!=''?menu.icon:'fa-tachometer-alt')}"></i>
                <span th:text="${menu.menuName}"></span>
                <i class="right fas fa-angle-left" th:if="${menu.children!=null && menu.children.size() > 0}"></i>
            </a>
            <ul class="nav nav-treeview" th:if="${menu.children!=null && menu.children.size() > 0}">
              <li class="nav-item" th:each="child : ${menu.children}">
                <a th:href="${child.url}" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p th:text="${child.menuName}">Dashboard v1</p>
                </a>
              </li>
            </ul>
          </li>
          </th:block>
        </ul>
      </nav>
      <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper iframe-mode" data-widget="iframe" data-loading-screen="750">
    <div class="nav navbar navbar-expand navbar-white navbar-light border-bottom p-0">

      <a class="nav-link bg-light" href="#" data-widget="iframe-scrollleft"><i class="fas fa-angle-double-left"></i></a>
      <ul class="navbar-nav overflow-hidden" role="tablist">
        <li class="nav-item active panel-index" role="presentation"><a class="nav-link" data-toggle="row" id="tab-index" href="#panel-index" role="tab" aria-controls="panel-index" aria-selected="true">控制台</a></li>
      </ul>
      <a class="nav-link bg-light" href="#" data-widget="iframe-scrollright"><i class="fas fa-angle-double-right"></i></a>
      <a class="nav-link bg-light" href="#" data-widget="iframe-fullscreen"><i class="fas fa-expand"></i></a>
      <div class="nav-item dropdown">
        <a class="nav-link bg-danger dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">关闭</a>
        <div class="dropdown-menu mt-0">
          <a class="dropdown-item" href="#" data-widget="iframe-close" data-type="current">关闭当前</a>
          <a class="dropdown-item" href="#" data-widget="iframe-close" data-type="all">关闭所有</a>
        </div>
      </div>
    </div>
    <div class="tab-content">
      <div class="tab-pane fade panel-index" id="panel-index" role="tabpanel" aria-labelledby="tab-index"><iframe src="/system/main" style="height: 671px;"></iframe></div>
      <div class="tab-empty">
        <h2 class="display-4">No tab selected!</h2>
      </div>
      <div class="tab-loading">
        <div>
          <h2 class="display-4">Tab is loading <i class="fa fa-sync fa-spin"></i></h2>
        </div>
      </div>
    </div>
  </div>
  <!-- /.content-wrapper
  <footer class="main-footer text-sm">
    <strong>Copyright &copy; 2022 <a href="https://www.dwvan.com">启点学网校</a>.</strong>
    All rights reserved.
    <div class="float-right d-none d-sm-inline-block">
      Powered By：
      <a href="https://www.qidianxue.cn">
        启点学网校平台 v<span th:text="${version}"></span>
      </a>
    </div>
  </footer>
  -->
  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
  </aside>
  <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->

<!-- jQuery -->
<script src="/static/libs/jquery/jquery.min.js?v=20221008"></script>
<!-- jQuery UI 1.11.4 -->
<script src="/static/libs/jquery-ui/jquery-ui.min.js?v=20221008"></script>
<!-- layer -->
<script src="/static/libs/layer/layer.js?v=20221008"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="/static/libs/bootstrap/bootstrap.bundle.min.js?v=20221008"></script>
<!-- overlayScrollbars -->
<script src="/static/libs/overlayScrollbars/js/jquery.overlayScrollbars.min.js?v=20221008"></script>
<!-- AdminLTE App -->
<script src="/static/adminlte/adminlte.js?v=20221008"></script>
<script>
  var qdxIFrame;
  $(function () {
    qdxIFrame = new adminlte.IFrame($('.content-wrapper'), {
      onTabClick(item) {
        return item;
      },
      onTabChanged(item) {
        return item;
      },
      onTabCreated(item) {
        return item;
      },
      autoIframeMode: true,
      autoItemActive: true,
      autoShowNewTab: true,
      autoDarkMode: false,
      allowDuplicates: false,
      allowReload: true,
      loadingScreen: true,
      useNavbarItems: true
    });
    $("#updataPwd").click(function(){
      var index = layer.open({
        title: '修改密码',
        content: '/manager/resetPwd.html',
        type: 2,
        shade: 0.2,
        maxmin: false,
        shadeClose: true,
        area: ['40%', '50%']
      });
     })
  });
</script>
</body>
</html>
